html
{ height: 100%;}

*
*
{ align: center
	}

body
{ font: normal .80em arial, sans-serif;
  color: #1D1D1D;}

p
{ 
  line-height: 1.7em;}
  
img
{ border: 0;}

h1, h2, h3, h4, h5, h6 
{ font: bold 175% arial, sans-serif;
  color: #003C7F;
  letter-spacing: -1px;
  text-shadow: 1px 1px #fff;
  padding: 10px 0 0 0;}

h2
{ font: bold 165% arial, sans-serif;}

h3
{ font: bold 125% arial, sans-serif;
  padding: 0 0 5px 0;
  color: #003C7F;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 5px 0;
  font: bold 110% arial, sans-serif;
  color: #1D1D1D;
  line-height: 1.5em;}

h5, h6
{ font: italic 95% arial, sans-serif;
  color: #1D1D1D;
  padding-bottom: 15px;}

h6
{ color: #362C20;}

a, a:hover
{ 
  outline: none;
  /*text-decoration: underline;*/
  color: #5D5D5D;}

a:hover
{ text-decoration: underline;
  color: #1D1D1D;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ margin: 2px 0 15px 17px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

.active {
   pointer-events: none;
   cursor: default;
}

body{
	font-size: 120%;
	}
#main {
    margin: auto;
    width: 95%;
}

a{
	text-decoration: none;
}

button.button_a {
    font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
    display: block;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: center;
    padding: 10px;
    margin: 15px 0px 0px 15px;
    font-size: 18px;
    text-transform: uppercase;
    background: #0085C3;
    color: #FFF;
    border: 0px none;
    outline: 0px none;
    width: 90%;
}

button.button_touch{
    font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
    display: block;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: center;
    padding: 10px;
    margin: 15px 0px 0px 15px;
    font-size: 18px;
    text-transform: uppercase;
    background: #0085C3;
    color: #FFF;
    border: 0px none;
    outline: 0px none;
    width: 80px;
    float:left;
}

.button_a:hover {
    background: #74A599;
}

.button_a:active {
    background: #F6A953;
}

.button_b{
	background: green;
    font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
    display: block;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: center;
    padding: 10px;
    margin: 15px 0px 0px 15px;
    font-size: 18px;
    text-transform: uppercase;
    color: #FFF;
    border: 0px none;
    outline: 0px none;	
}
.button_b:hover {
    background: #74A599;
}

.button_b:active {
    background: #F6A953;
}

#madiv{
	height:167px;
	overflow:auto
} 

.button_c{
	background: #DF7401;
    font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
    display: block;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: center;
    padding: 10px;
    margin: 15px 0px 0px 15px;
    font-size: 18px;
    text-transform: uppercase;
    color: #FFF;
    border: 0px none;
    outline: 0px none;	
}
.button_c:hover {
    background: #61380B;
}

.button_c:active {
    background: #FAAC58;
}

/* LOGIN FORM */
div#loginform{
	width: 500px;
	margin: 15% auto;
	text-align: center;
}

#loginForm label {
    float: none;
	margin-top: 10px;
}
#loginform button.button_b{
	margin: 25px auto;
	width: 250px; 
}
#loginform button.button_c{
	margin: 25px auto;
	width: 250px; 
}

#loginform input.text{
	width: 50%; 
	}	
div.flash_error{
    background-color: #FFEBE8;
    border-color: #CC0000;
    color: red;
    padding: 10px;
    margin: 5px;
    
}

/*Adaptation des formulaires pour touch*/
img.ui-datepicker-trigger {
    width: 32px;
}

.app_form input {
	font-size: 25px;
	margin-top: 3px;
}	

.text {
	 width: 600px;
}

.combobox {
	font-size: 25px;
    width: 600px;
}

#zone_notifications{
	overflow: auto;
	height: 300px;
}
/*TABLES*/

#main table
{
	border: 1px solid #B2AD9A;
	border-collapse: collapse;
	width: 100%; /*Enlever pour flexigrid*/
	font-size: 13px;
}

#main .flexigrid table {
    width: auto;
}

#main th
{
	border: 1px solid #B2AD9A;
	text-align: center;
	background-color: whitesmoke; 
}

#main td
{
	border: 1px solid #B2AD9A;
	/*padding: 5px;*/  /*Enlever pour flexigrid*/
	text-align: center;
	/*background-color: #ffffff;*/
	/*font-size: 9px;*/
}
/*class pour les tr des dossier prioritaires dans le tableau mes dossiers*/
tr.prioritaire{
	background-color: wheat;
}

tr.retard_warning [colname="datereference"] {
	font-weight: bold;
	color: red;
}
#pag_nav_haut /* Pagination en bas de la page */
{
	float: right;
	margin-bottom: 5px;
	text-align:right;
	font-size: 75%;
}

#pag_nav_bas /* Pagination en bas de la page */
{
	text-align: right;
	margin-top: 5px;
	font-size: 75%;
}

#displayDescription{
	width: 40%; float: left; text-align: center;
	font-size: 75%;
	}

#pag_nav_haut span, #pag_nav_bas span
{
	color: #a68abb;
}
#nbPostsControl{
	width: 33%; 
	float: left; 
	text-align: left; 
	margin-top: 5px;
	font-size: 75%;
}
#nbPostsInput
{
	width: 20px;
	height: 10px;
	font-size: 10px;
}
#nbPagesInput
{
	width: 40px;
	height: 10px;
	font-size: 10px;	
}


#restaurerLink {
    font-size: 75%;
    margin-top: 7px;
}

.msgDisplay /* Display des messages dans les pages de liste des demandes */
{
	background-color: #FFE4C4;
	border: 1px dashed #a68abb;
	display: none;
	width: 100%;
	margin-top: 5px;
	height: auto;
}


#main .lignetableau td
{
	background-color: #FCC10D;
}

.working{ /* Sets the div semitransparent */
    opacity : 0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
  } 

/*NEWS*/
#news_area{
    align: center;
    height: 550px;
    overflow: auto;
    width: 95%;
	}
	
#news_text_title{
	font-family: Verdana, sans-serif;
	font-size:1.04em;
	font-style: lighter;
	color: #2F2F98;
	}

#news_text{
	font-family: Verdana, sans-serif;
	font-size: medium;
	font-style: italic;
	background-color: #F7F7FA;
	}
#news_area li{
	list-style: none outside none;
	margin: 0;
	}
#news_area p {
    line-height: 1em;
    padding: 0;
    
}	
/*MESSAGES*/
div.messages_area div.moor p a.messagesmoor{
	color: white;
}

.messages_area{
	background: green;
    font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
    display: block;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: center;
    /*margin-bottom: 22px;
    padding: 10px;
    margin: 15px 0px 0px 15px;*/
    margin-right: 10px;
    /*font-size: 18px;*/
    text-transform: uppercase;
    color: #FFF;
    border: 0px none;
    outline: 0px none;
    /*float:left;*/	
    width:100%;
}
.messages_area:hover {
    background: #74A599;
}

.messages_area:active {
    background: #58FA58;
}
.messages_area p {
    color: white;
}

.moor {
	color: #FFFFFF;
}


.button_c ul li {
    list-style: none outside none;
    margin: 0px;
    text-align: left;
}
.button_c ul{
    margin: 0px;
}
/*FORMS*/

.form.CheckboxList {
    float: left;
    padding-left: 10px;
}

.radioelement {
    padding-left: 10px;
}

div.app_form {
    padding: 0;
}

div.app_form label {
    width: 15%;
}
label.radioelement.form{
    width: auto;
	}
label.CheckboxList.form {
    width: auto;
}
ul.radio_list {
    clear: none;
    margin-left: 10px;
    padding: 0;
}
